@charset "utf-8";
@function rem($px) {
  @return $px / 32 + rem
}
*{
    box-sizing: border-box;
}
html,body{
    background-color: #f5f5f5;
}
header {
  height: rem(75);
  width: 100%;
  background: #ffac2c;
  text-align: center;
  position: relative;
  #hd_fh{
    font-size: rem(30);
    color: #fff;
    position: absolute;
    left: rem(10);
    top:rem(23);
  }
}

#title {
  font-size: rem(30);
  line-height: rem(75);
  color: #fff;
}
main{
    .sP_zi{
        p{
            padding-left:rem(20);
            line-height: rem(60);
            }
    }
    .sP_yanzheng{
        background-color: #fff;
        ul{
            li{
                line-height: rem(76);
                padding-left: rem(26);
                padding-right: rem(28);
              
                border-bottom: 1px solid #CCCCCC;
                a{
                    width: 100%;
                    height: 100%;
                      display: flex;
                justify-content: space-between;
                }
                i{
                    line-height: rem(76);
                    color: dfdfdf;
                }
            }
        }
    }
    .sP_zi{
        color: #999;
        line-height: rem(60);
    }
    .sP_xiugai{
             background-color: #fff;
        ul{
       
            li{
               position: relative;
                padding-left: rem(24);
                color: #999;
                line-height: rem(74);
                i{
                    margin-right: rem(16);
                     line-height: rem(74);
                }
             .fa-check{
                  line-height: rem(74);
                 position: absolute;
                 right: rem(24);
                 
             }
            }
        }
    }
    .sP_click{
        padding: 0 rem(30);
        margin-top:rem(30);
        a{
            display: block;
            text-align: center;
            line-height: rem(60);
            border-radius: rem(10);
            height: rem(60);
            background-color: #fed555;
            color: #fff;
        }
    }
    .sy_y{
        p{
            margin: rem(34);
            text-align: center;
        }
        h2{
            margin-top: rem(40);
            font-size: rem(40);
            text-align: center;
        }
    }
    .sy_yzm{
        background-color: #fff;
        margin-top: rem(46);
        p{
            line-height: rem(80);
            i{
                margin-left: rem(26);
                margin-right: rem(10);
                color: #dbdbdb;
            }
            input::-webkit-input-placeholder{
                  color: #dbdbdb;
            }
            #fasong{
                background-color: #fa5a2a;
                color: #fff;
                height: rem(50);
                display: inline-block;
                padding: 0 rem(30);
                line-height: rem(50);
                border-radius: rem(10);
            }
        }
    }
    .sy_yz{
        margin: rem(30) auto;
        width: rem(600);
        a{
            display: block;
            text-align: center;
            line-height: rem(62);
            background-color: #fed555;
            color: #fff;
            border-radius: rem(10);
        }
    }
}
.motai{
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
   overflow: hidden;
    height:0 ;transition: all 0.1s;
    z-index: 100;
    background-color: rgba(0,0,0,.5);
    >div{
      border-radius: rem(10);
        background-color: #fff;
        margin: rem(410) auto;
        width: rem(416);
        height: rem(168);
        text-align:center ;
        line-height: rem(168);
        transition: all 0.3s 0.1s;
    }
}
